// web/src/app/(employee)/layout.tsx
import '@/app/globals.css'
import React from "react";
import Navbar from "@/app/(employee)/_components/navbar";
import Sidebar from "@/app/(employee)/_components/sidebar";

const Layout = ({children}: { children: React.ReactNode }) => {
    return (
        <div className={`h-full`}>
            <div className={`h-[80px] md:pl-56 fixed inset-y-0 z-50 w-full`}>
                <Navbar/>
            </div>
            <div className={`hidden md:flex h-full w-56 flex-col fixed inset-y-0 z-50`}>
                <Sidebar/>
            </div>
            <main className={`md:pl-56 pt-[80px] h-full`}>
                {children}
            </main>
        </div>
    );
};

export default Layout;